<!DOCTYPE html>
<html lang="zh"  xmlns:th="http://www.thymeleaf.org" >
<head>
    <script type="text/javascript" src="/jquery.min.js"></script>
    <script src="http://api.map.baidu.com/api?v=2.0&ak=6bOBR0p9u2K5PnjtzWurHzHP"></script>
    <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/library/Heatmap/2.0/src/Heatmap_min.js"></script>

</head>
<body>
   <div id="container" style="height: 800px; width: 100%; "></div>
</body>
<script type="text/javascript">

    var map = new BMap.Map("container");          // 创建地图实例
    var point = new BMap.Point(125.02183973,46.59670902);
    map.centerAndZoom(point, 12);             // 初始化地图，设置中心点坐标和地图级别
    map.setCurrentCity("大庆");		//设置当前显示城市
    map.enableScrollWheelZoom(); // 允许滚轮缩放
    //判断浏览区是否支持canvas
    function isSupportCanvas(){
        var elem = document.createElement('canvas');
        return !!(elem.getContext && elem.getContext('2d'));
    }
    if(!isSupportCanvas()){
        alert('热力图目前只支持有canvas支持的浏览器,您所使用的浏览器不能使用热力图功能~')
    }
    heatmapOverlay = new BMapLib.HeatmapOverlay({"radius":20});
    map.addOverlay(heatmapOverlay);
    map.addControl(new BMap.MapTypeControl({
        mapTypes:[
            BMAP_NORMAL_MAP,
            BMAP_HYBRID_MAP
        ]}));

    $.ajax({
            type: "post",
            async: true,            //异步请求（同步请求将会锁住浏览器，用户其他操作必须等待请求完成才可以执行）
            url: "/dataanalysis/heatmap/json",    //请求发送到dataActiont处
            data: {},
            dataType: "json",        //返回数据形式为json
            success: function (result) {
                if (result) {
                    for (var i = 0; i < result.length; i++) {

                    }
                }
                heatmapOverlay.setDataSet({data:result,max:100});
                heatmapOverlay.show();
            }
        }
    )


</script>
</html>